<template>
    <div class="test">
      <button @click="api_test">测试</button>
      <div>{{api_result}}</div>
    </div>
    <hr>
    <div>   
      <el-button @click="api_test1">测试自己的后端</el-button>
    </div>
  </template>
  <script setup>
  import { ref } from "vue";

  import { Api } from "../js/Api";

  import { Api as Api10100 } from "../js/Api10100";
import { orderBy } from "element-plus/es/components/table/src/util";

  const api_test1 = () => {
    Api10100.get
    ('/footballclub',
      {
        order:1,
        pageNumber: 1,
        pageSize: 10,


      },
      (data) => {
        console.log('自己的后端数据',data);
      
    });
  }

  const api_result = ref({});

  const api_test = () => {

    Api.get('/test/echo', {echo: '光明骑士'}, (data) => {
      api_result.value = data;
    });
  }

    </script>